<button type="button" class="btn btn-outline-secondary" placement="top"
        ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." popoverTitle="Popover on top"
        #popover="ngbPopover" (shown)="recordShown()" (hidden)="recordHidden()">
  Open Popover
</button>

<hr>

<ul>
  <li>Popover is currently: <code>{{ popover.isOpen() ? 'open' : 'closed' }}</code></li>
  <li>Last shown at: <code>{{lastShown | date:'h:mm:ss'}}</code></li>
  <li>Last hidden at: <code>{{lastHidden | date:'h:mm:ss'}}</code></li>
</ul>
